// <template>
//   <div>
//     <el-dialog v-bind="$attrs" v-on="$listeners" @open="onOpen" @close="onClose" title="Dialog Title">
//       <el-form ref="elForm" :model="formData" :rules="rules" size="medium" label-width="100px"
//         label-position="left">
//         <el-row gutter="15">
//           <el-col :span="13">
//             <el-form-item label="" prop="">
//               <el-input v-model="formData." readonly :style="{width: '100%'}"></el-input>
//             </el-form-item>
//           </el-col>
//           <el-col :span="13">
//             <el-form-item label="受理部门：" prop="dept_if">
//               <el-select v-model="formData.dept_if" placeholder="技术部" clearable :style="{width: '100%'}">
//                 <el-option v-for="(item, index) in dept_ifOptions" :key="index" :label="item.label"
//                   :value="item.value" :disabled="item.disabled"></el-option>
//               </el-select>
//             </el-form-item>
//           </el-col>
//           <el-col :span="13">
//             <el-form-item label="受理人:" prop="field112">
//               <el-select v-model="formData.field112" placeholder="石矶娘娘" clearable :style="{width: '100%'}">
//                 <el-option v-for="(item, index) in field112Options" :key="index" :label="item.label"
//                   :value="item.value" :disabled="item.disabled"></el-option>
//               </el-select>
//             </el-form-item>
//           </el-col>
//         </el-row>
//       </el-form>
//       <div slot="footer">
//         <el-button @click="close">取消</el-button>
//         <el-button type="primary" @click="handleConfirm">确定</el-button>
//       </div>
//     </el-dialog>
//   </div>
// </template>
// <script>
// export default {
//   inheritAttrs: false,
//   components: {},
//   props: [],
//   data() {
//     return {
//       formData: {
//         : '工单分派',
//         dept_if: undefined,
//         field112: undefined,
//       },
//       rules: {
//         : [],
//         dept_if: [{
//           required: true,
//           message: '技术部',
//           trigger: 'change'
//         }],
//         field112: [{
//           required: true,
//           message: '石矶娘娘',
//           trigger: 'change'
//         }],
//       },
//       dept_ifOptions: [{
//         "label": "技术部",
//         "value": 1
//       }, {
//         "label": "销售部",
//         "value": 2
//       }, {
//         "label": "运维部",
//         "value": 3
//       }, {
//         "label": "教育部",
//         "value": 4
//       }],
//       field112Options: [{
//         "label": "石矶娘娘",
//         "value": 1
//       }, {
//         "label": "李靖",
//         "value": 2
//       }, {
//         "label": "哪吒",
//         "value": 3
//       }, {
//         "label": "姬发",
//         "value": ""
//       }],
//     }
//   },
//   computed: {},
//   watch: {},
//   created() {},
//   mounted() {},
//   methods: {
//     onOpen() {},
//     onClose() {
//       this.$refs['elForm'].resetFields()
//     },
//     close() {
//       this.$emit('update:visible', false)
//     },
//     handleConfirm() {
//       this.$refs['elForm'].validate(valid => {
//         if (!valid) return
//         this.close()
//       })
//     },
//   }
// }

// </script>
// <style>

